<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是无序列表</h1>
    <!----
         type: 1.disc(默认) 2.square 3. circle
    -->
    <ul ul type ="circle">   <!---ul>li*3--->
        <li> this is the first item </li>
        <li>this is the second item</li>
        <li>this is the third item </li>
    </ul>
    <br>
    <h1> 这是有序列表 </h1>
    <!-- 
        typed: a 表示小写英文字母编号  
               A 表示大写英文字母编号  
               i 表示小写罗马数字编号  
               I 表示大写罗马数字编号 
               1 表示数字编号
        start: 起始编号，默认是1
    -->
    <ol type="A" start="25">
        <li> this is the first item </li>
        <li> this is the second item </li>
        <li> this is the third item </li>
        <li> this is the fourth item </li>
    </ol>

    <br>
    <!---
        ul/ol 中只能放li不能放其他标签， dl中只能放dt/dd
        li中可以放其他标签
    -->
    <h1> 这是自定义列表</h1>
    <dl type="1">
        <dt>    <!---这是自定义标题--> 
            This is the dictionary title
        </dt>
        <dd>9</dd>
        <dd>10</dd>
    </dl>
    <form actino ="">
            姓名<input type="text">
            密码<input type="password">
            <br> 性别：
            男<input type="radio" name="gender" checked="checked">
            女<input type="radio" name="gender">
            <br> 爱好：
            篮球<input type="checkbox">
            足球<input type="checkbox">
            乒乓球<input type="checkbox">
            <br>
            <input type="button" value="我是个按钮" onclick="alert('你点击了按钮')"> <br>
            <input type="text" name="username">
            <!-- <input type="button" value="我是个按钮"> <br> --> 
    </form>
    <form align="center" action="">
       姓名：<input type="text" name="username"> <br>
       密码：<input type="password" name="password"> <br>
       <input type="submit" value="登陆"> <br>
       <input type="reset" value="重置"> <br>
        选择附件 <input type="file" name="file">
    </form>
</body>
</html>